<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Trang chủ - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                    <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <div id="home-slider" class="oeSlider">
                <img src="./images/slider/1.jpg" alt="Slide Image"/>
                <img src="./images/slider/2.jpg" alt="Slide Image">
                <img src="./images/slider/3.jpg" alt="Slide Image">
            </div>
            <div class="spl-info">
                <h2>Mai Hoang JSC.</h2>
                <p>Chúng tôi đã áp dụng hệ thống quản lý chuyên nghiệp và tiếp tục khẳng định vị trí hàng đầu trong hoạt động phân phối hàng hoá.</p>
            </div>
        </div><!-- /.spotlight -->
        <section class="main-content container">
            <article class="home-block">
                <div class="ha-text">
                    <h3 class="title-bar"><a href="#">Về chúng tôi</a></h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
                <img src="./images/thumb1.jpg" alt="Giới thiệu về Mai Hoàng" class="ha-thumb"/>
                <div class="clear"></div>
            </article>
            <div class="home-block">
                <h3 class="title-bar"><a href="#">Sản phẩm mới</a></h3>
                <div class="hp-house clearfix">
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/1.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/2.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/3.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/4.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/3.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/4.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/1.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                </div><!-- /.hp-house -->
            </div>
            <div class="clear"></div>
        </section><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>